<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<!-- 我们可以把一个数组传给 v-bind:class，以应用一个 class 列表 -->
		<div id="demo">
			<p :class="[activeClass, errorClass]">my name is bingHeng</p>
			
			<!-- 
				如果你也想根据条件切换列表中的 class，可以用三元表达式
				这样写将始终添加 errorClass，但是只有在 isActive 是 active 时才添加 activeClass
			 -->
			<p :class="[isA? activeClass : '', errorClass]">my name is Tom</p>
			
		</div>
	<script type="text/javascript" src="../js/vue.js"></script>
	<script type="text/javascript">
		const vm = new Vue({
			el:'#demo',
			data:{
				activeClass:'active',
				errorClass:'text-danger'
			}
		});
	</script>
	</body>
</html>
